<template>
	<view>
		<view class="set_title"><text>接单设置</text></view>
		<view class="set_form_box">
			<view class="set_form_item_box" @click="goSet(0)">
				<view class="set_form_item_left">手机定位设置</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box">
				<view class="set_form_item_left">接收通知权限</view>
				<view class="set_form_item_right">
					<switch :checked="is_checked1" @change="switch1Change" color="#00D971" style="transform:scale(0.8)" />
				</view>
			</view>
			<view class="set_form_item_box">
				<view class="set_form_item_left">语音播报权限</view>
				<view class="set_form_item_right">
					<switch :checked="is_checked2" @change="switch2Change" color="#00D971" style="transform:scale(0.8)" />
				</view>
			</view>
			<view class="set_form_item_box">
				<view class="set_form_item_left">滑动抢单</view>
				<view class="set_form_item_right">
					<switch :checked="slideOrder" @change="slideOrderChange" color="#00D971" style="transform:scale(0.8)" />
				</view>
			</view>
			<view class="set_form_item_box">
				<view class="set_form_item_left">近单优派</view>
				<view class="set_form_item_right">
					<switch :checked="shortDispatch" @change="shortDispatchChange" color="#00D971" style="transform:scale(0.8)" />
				</view>
			</view>
			<!--<view class="set_form_item_box">
				<view class="set_form_item_left">距离筛选</view>
				<view class="set_form_item_right">
					<switch :checked="search_switch" @change="search_switchChange" color="#00D971" style="transform:scale(0.8)" />
				</view>
			</view>-->
			<!--<view class="set_form_box" v-if="search_switch">
				<view class="distanceBox">
					&lt;!&ndash;<view class="li">
						<u-radio-group v-model="distanceBox" @change="distanceBoxChange">
							<u-radio
									:customStyle="{marginRight: '15rpx'}"
									:label="'全部订单'"
									:name="0"
							>
							</u-radio>
							<u-radio
									:customStyle="{marginRight: '15rpx'}"
									:label="'按类型筛选'"
									:name="1"
							>
							</u-radio>
						</u-radio-group>
					</view>&ndash;&gt;
					<view class="li">
						<u-checkbox-group>
							<u-checkbox
									shape="circle"
									:customStyle="{marginRight: '15rpx'}"
									:label="'帮买帮送订单'"
									:name="2"
							>
							</u-checkbox>
							<u-checkbox
									shape="circle"
									:customStyle="{marginRight: '15rpx'}"
									:label="'外卖订单'"
									:name="1"
							>
							</u-checkbox>
						</u-checkbox-group>
					</view>
					<view class="li">
						<u-radio-group v-model="distance_set">
							<u-radio
									v-if="distanceBox == 0 || order_type == 1"
									:customStyle="{marginRight: '15rpx'}"
									:label="'3km'"
									:name="3"
							>
							</u-radio>
							<u-radio
									:customStyle="{marginRight: '15rpx'}"
									:label="'5km'"
									:name="5"
							>
							</u-radio>
							<u-radio
									:customStyle="{marginRight: '15rpx'}"
									:label="'10km'"
									:name="10"
							>
							</u-radio>
							<u-radio
									v-if="order_type == 0 || distanceBox == 0"
									:customStyle="{marginRight: '15rpx'}"
									:label="'20km'"
									:name="20"
							>
							</u-radio>
						</u-radio-group>
					</view>
				</view>
			</view>-->
		</view>
		<view class="set_title"><text>距离筛选</text></view>
		<view class="set_form_box">
			<view class="set_form_item_box">
				<view class="set_form_item_left">外卖距离</view>
				<view class="set_form_item_right">
					<u-radio-group v-model="distance_set.distance1" @change="distanceChange">
						<u-radio
								:customStyle="{marginRight: '15rpx'}"
								:label="'3KM'"
								:name="3"
						>
						</u-radio>
						<u-radio
								:customStyle="{marginRight: '15rpx'}"
								:label="'5KM'"
								:name="5"
						>
						</u-radio>
						<u-radio
								:customStyle="{marginRight: '15rpx'}"
								:label="'10KM'"
								:name="10"
						>
						</u-radio>
					</u-radio-group>
				</view>
			</view>
			<view class="set_form_item_box">
				<view class="set_form_item_left">帮买帮送距离</view>
				<view class="set_form_item_right">
					<u-radio-group v-model="distance_set.distance2" @change="distanceChange">
						<u-radio
								:customStyle="{marginRight: '15rpx'}"
								:label="'5KM'"
								:name="5"
						>
						</u-radio>
						<u-radio
								:customStyle="{marginRight: '15rpx'}"
								:label="'10KM'"
								:name="10"
						>
						</u-radio>
						<u-radio
								:customStyle="{marginRight: '15rpx;'}"
								:label="'20KM'"
								:name="20"
						>
						</u-radio>
					</u-radio-group>
				</view>
			</view>
		</view>
		<view class="set_title"><text>安全设置</text></view>
		<view class="set_form_box">
			<view class="set_form_item_box" @click="goSet(1)">
				<view class="set_form_item_left">更改账号密码</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goSet(2)">
				<view class="set_form_item_left">更改手机号</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="handleClear()">
				<view class="set_form_item_left">清除缓存</view>
				<view class="set_form_item_right">
					<text>{{fileSizeString}}</text>
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="handleUpdate()">
				<view class="set_form_item_left">检查更新</view>
				<view class="set_form_item_right">
					<text style="margin-right: 30rpx;">当前版本V{{version}}</text>
				</view>
			</view>
			<view class="set_form_item_box" @click="logoffFun()">
				<view class="set_form_item_left">注销账号</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
		</view>
		<!--<view class="set_title"><text>规则说明</text></view>
		<view class="set_form_box">
			<view class="set_form_item_box" @click="goArticle(2)">
				<view class="set_form_item_left">用户服务协议</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(1)">
				<view class="set_form_item_left">隐私政策</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(3)">
				<view class="set_form_item_left">保证金扣除规则</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(4)">
				<view class="set_form_item_left">结算细则</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(5)">
				<view class="set_form_item_left">奖励规则</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(6)">
				<view class="set_form_item_left">骑士安全管理规则</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(7)">
				<view class="set_form_item_left">骑士管理说明</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(8)">
				<view class="set_form_item_left">违禁品规定</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(9)">
				<view class="set_form_item_left">骑手须知协议一</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(10)">
				<view class="set_form_item_left">骑手须知协议二</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(11)">
				<view class="set_form_item_left">骑手须知协议三</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(12)">
				<view class="set_form_item_left">骑手须知协议四</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(13)">
				<view class="set_form_item_left">骑手须知协议五</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
			<view class="set_form_item_box" @click="goArticle(14)">
				<view class="set_form_item_left">骑手须知协议六</view>
				<view class="set_form_item_right">
					<image src="https://www.cccshansong.com/chong_weapp/set_icon.png" mode=""></image>
				</view>
			</view>
		</view>	-->
		<view  style="height: 200rpx;"></view>
		<wyb-popup ref="idcardExamineTipPopup" type="center" :height="popHeight" width='640' radius="16" :showCloseIcon="false">
			<view class="xiuxi_popup_bj">
				<view style="height: 74rpx;"></view>
				<view class="xiuxi_popup_tip_img" style="width: 144rpx;height: 144rpx;">
					<image src="https://www.cccshansong.com/chong_weapp/pay_tip_icon.png"
						   mode="">
				</view>
				<view class="xiuxi_popup_tip_text" style="margin-top: 30rpx;padding-left: 30rpx;padding-right: 30rpx;">
					{{msg}}</view>
				<view class="pay_popup_box" v-if="logoType">
					<view class="pay_popup_btn" hover-class="hover_class" @click="popHide()">取消</view>
					<view class="pay_popup_btn1" hover-class="hover_class" @click="logoffSubmit()">强制注销</view>
				</view>
			</view>

		</wyb-popup>
	</view>
</template>

<script>
	// #ifdef APP-PLUS
	import APPUpdate from "../../js_sdk/zhouWei-APPUpdate/APPUpdate/index.js";
	// #endif
	export default {
		data() {
			return {
				version:'',
				fileSizeString:'',
				is_checked1:true,
				is_checked2:true,
				slideOrder:true,
				shortDispatch:true,
				search_switch:1,
				distanceBox:0,
				distance_set:{},
				msg:'',
				logoType:'',
				popHeight:374, //574
				userInfo:''
			};
		},
		onLoad() {
			var a = this
			a.getUserInfo()
			a.getFormatSize()
			// #ifdef APP-PLUS
			plus.runtime.getProperty(plus.runtime.appid, (widgetInfo)=> {
				this.version = widgetInfo.version
			});
			// #endif

			/*setTimeout(() => {
				a.$refs.idcardExamineTipPopup.show();
			},1000)*/
		},
		methods:{
			popHide(){
				this.$refs.idcardExamineTipPopup.hide();
			},
			logoffFun(){
				this.$showModal({
					title:'提示',
					content:'确定要注销该账号吗？',
					confirmText:'确定',
					success: (res) => {
						if(res.confirm){
							if(this.userInfo.available > 0){
								this.msg = '当前账户还存有余额，可先进行提现或忽略此提示，强制注销';
								this.logoType = 1;
								this.popHeight = 574;
								return this.$refs.idcardExamineTipPopup.show();
							}
							this.logoffSubmit()
						}
					}
				});
			},
			logoffSubmit(){
				let a = this;
				uni.showLoading({
					title:'注销中',
					mask:true
				})
				this.globalajax('user/logoff',{

						},'GET',(res) => {
							uni.hideLoading();
							if(res.data.code == 422){
								uni.showToast({
								    title:res.data.msg,
								    icon:'none'
								})
								/*this.msg = res.data.msg;
								this.$refs.idcardExamineTipPopup.show();*/
							} else{
								this.popHeight = 574;
								uni.showToast({
								    title:'注销成功',
								    icon:'none'
								});
								uni.showLoading({
								    title:'加载中',
								    mask:true
								})
								a.globalajax('user/modify', {
									push_id: '',
									lat: uni.getStorageSync('latitude'),
									lng: uni.getStorageSync('longitude'),
								}, 'POST', function(res) {
									console.log(res);
									uni.hideLoading()
									if (res.data.code == 200) {
										console.log('请求成功')
										uni.clearStorageSync();
										setTimeout(()=>{
											uni.reLaunch({
												url:'/pages/user/login'
											})
										},400)
									} else {
										a.$showModal({
											title:'友情提示',
											content:res.data.msg,
											showCancel:false,
											confirmText:'我知道了',
											success: (res) => {
											}
										});
									}
								});
							}

						}
				);
			},
			slideOrderChange(e){
				let a = this;
				console.log(e.detail.value);
				a.globalajax('user/modify',{
					is_slide:e.detail.value ? 1 : 0,
					lat: uni.getStorageSync('latitude'),
					lng: uni.getStorageSync('longitude'),
				},'POST',function(res) {
						console.log(res);
						uni.hideLoading()
						uni.stopPullDownRefresh()
						if(res.data.code==200){
						}else{
							a.$showModal({
								title:'友情提示',
								content:res.data.msg,
								showCancel:false,
								confirmText:'我知道了',
								success: (res) => {
								}
							});
						}
					}
				);
			},
			shortDispatchChange(e){
				let a = this;
				a.globalajax('user/modify',{
					short_dispatch:e.detail.value ? 1 : 0,
					lat: uni.getStorageSync('latitude'),
					lng: uni.getStorageSync('longitude'),
						},'POST',function(res) {
							console.log(res);
							uni.hideLoading()
							uni.stopPullDownRefresh()
							a.shortDispatch = e.detail.value;
							if(res.data.code==200){
							}else{
								a.$showModal({
									title:'友情提示',
									content:res.data.msg,
									showCancel:false,
									confirmText:'我知道了',
									success: (res) => {
									}
								});
							}
						}
				);
			},
			// 获取缓存
			getFormatSize(){
				// #ifdef APP-PLUS
				plus.cache.calculate((size) => {
					let sizeCache = parseInt(size);
					if (sizeCache == 0) {
						this.fileSizeString = "0B";
					} else if (sizeCache < 1024) {
						this.fileSizeString = sizeCache + "B";
					} else if (sizeCache < 1048576) {
						this.fileSizeString = (sizeCache / 1024).toFixed(2) + "KB";
					} else if (sizeCache < 1073741824) {
						this.fileSizeString = (sizeCache / 1048576).toFixed(2) + "MB";
					} else {
						this.fileSizeString = (sizeCache / 1073741824).toFixed(2) + "GB";
					}
				});
				// #endif
			},
			handleUpdate() {
				uni.setStorageSync('versionTost',true)
				// #ifdef APP-PLUS
				APPUpdate();
				// #endif
			},
			goArticle(id){
				uni.navigateTo({
					url:'/pages/user/articleDetail?id=' + id
				})
			},
			handleClear(){
				this.$showModal({
					title:'提示',
					content:'您确定要清除缓存吗？',
					showCancel:true,
					confirmText:'确定',
					success: (res) => {
						if(res.confirm){
							this.clearCache();
						}
					}
				});
			},
			clearCache() {
				let os = plus.os.name;
				var a = this
				uni.showLoading({
					title:'加载中'
				})
				setTimeout(()=>{
					uni.hideLoading()
					if (os == 'Android') {
						let main = plus.android.runtimeMainActivity();
						let sdRoot = main.getCacheDir();
						let files = plus.android.invoke(sdRoot, "listFiles");
						let len = files.length;
						for (let i = 0; i < len; i++) {
							let filePath = '' + files[i];
							plus.io.resolveLocalFileSystemURL(filePath, (entry) => {
								if (entry.isDirectory) {
									entry.removeRecursively((entry)  => {
										uni.showToast({
											title: '缓存清理完成',
											icon:'none',
											duration: 2000
										});
										a.getFormatSize();
									}, (e) => {
										a.show_refresh = false
										console.log(e.message)
									});
								} else {
									entry.remove();
								}
							}, (e) => {
								a.show_refresh = false
								console.log('文件路径读取失败')
							});
						}
					} else { // ios
						plus.cache.clear(() =>{
							uni.showToast({
								title: '缓存清理完成',
								icon:'none',
								duration: 2000
							});
							a.getFormatSize();
						});
					}
				},1000)
			},
			distanceChange(e){
				this.globalajax('user/modify',{
						distance_set:this.distance_set,
					lat: uni.getStorageSync('latitude'),
					lng: uni.getStorageSync('longitude'),
					},'POST',(res) => {

					}
				);
			},
			getUserInfo(){
				var a =this
				uni.showLoading({
					title:'加载中'
				})

				a.globalajax('user/modify',{
					search_switch:this.search_switch,
					lat: uni.getStorageSync('latitude'),
					lng: uni.getStorageSync('longitude'),
						},'POST',function(res) {
					a.globalajax('user/info',{
							},'GET',function(res) {
								console.log(res.data.data.info);
								a.userInfo = res.data.data.info;
								uni.hideLoading()
								uni.stopPullDownRefresh()
								if(res.data.code==200){
									if(res.data.data.info.is_message==0){
										a.is_checked1 = false
									}else{
										a.is_checked1 = true
									}
									if(res.data.data.info.is_voice==0){
										a.is_checked2 = false
									}else{
										a.is_checked2 = true
									}
									if(res.data.data.info.is_slide==0){
										a.slideOrder = false
									}else{
										a.slideOrder = true
									}

									if(res.data.data.info.short_dispatch==0){
										a.shortDispatch = false
									}else{
										a.shortDispatch = true
									}


									a.distance_set = JSON.parse(res.data.data.info.distance_set);


								}else{
									a.$showModal({
										title:'友情提示',
										content:res.data.msg,
										showCancel:false,
										confirmText:'我知道了',
										success: (res) => {
										}
									});
								}
							}
					);
						}
				);
			},
			switch1Change(e){
				console.log(e)
				this.is_checked1 = e.detail.value
				if(e.detail.value){
					this.handleChange1(1)
				}else{
					this.handleChange1(0)
				}
			},
			handleChange1(index){
				var a = this
				uni.showLoading({
					title:'加载中'
				})
				a.globalajax('user/modify',{
					is_message:index,
					lat: uni.getStorageSync('latitude'),
					lng: uni.getStorageSync('longitude'),
					},'POST',function(res) {
						console.log(res);
						uni.hideLoading()
						uni.stopPullDownRefresh()
						if(res.data.code==200){
						}else{
							a.$showModal({
								title:'友情提示',
								content:res.data.msg,
								showCancel:false,
								confirmText:'我知道了',
								success: (res) => {
								}
							});
						}
					}
				);
			},
			switch2Change(e){
				console.log(e)
				this.is_checked2 = e.detail.value
				if(e.detail.value){
					this.handleChange2(1)
				}else{
					this.handleChange2(0)
				}
			},
			handleChange2(index){
				var a = this
				uni.showLoading({
					title:'加载中'
				})
				a.globalajax('user/modify',{
					is_voice:index,
					lat: uni.getStorageSync('latitude'),
					lng: uni.getStorageSync('longitude'),
					},'POST',function(res) {
						console.log(res);
						uni.hideLoading()
						uni.stopPullDownRefresh()
						if(res.data.code==200){
						}else{
							a.$showModal({
								title:'友情提示',
								content:res.data.msg,
								showCancel:false,
								confirmText:'我知道了',
								success: (res) => {
								}
							});
						}
					}
				);
			},
			//跳转手机系统设置
			goSetting() {
				if (plus.os.name == "iOS") {
					var UIApplication = plus.ios.import("UIApplication");
					var application2 = UIApplication.sharedApplication();
					var NSURL2 = plus.ios.import("NSURL");
					var setting2 = NSURL2.URLWithString("app-settings:");
					application2.openURL(setting2);
					plus.ios.deleteObject(setting2);
					plus.ios.deleteObject(NSURL2);
					plus.ios.deleteObject(application2);
				} else {
					var Intent = plus.android.importClass("android.content.Intent");
					var Settings = plus.android.importClass("android.provider.Settings");
					var Uri = plus.android.importClass("android.net.Uri");
					var mainActivity = plus.android.runtimeMainActivity();
					var intent = new Intent();
					intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
					var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
					intent.setData(uri);
					mainActivity.startActivity(intent);
				}
			},
			goSet(index){
				if(index==0){
					this.goSetting()
				}else if(index==1){
					uni.navigateTo({
						url:'/pages/user/editPwd'
					})
				}else if(index==2){
					uni.navigateTo({
						url:'/pages/user/bindPhone'
					})
				}
			},
		}
	}
</script>

<style lang="scss">
page{
	background-color: #f5f6f8;
}
.set_title{
	height: 92rpx;
	line-height: 92rpx;
	text{
		color: #000000;
		font-size: 30rpx;
		margin-left: 32rpx;
	}
}
.set_form_box{
	background-color: #fff;
	.set_form_item_box{
		width: 750rpx;
		height: 96rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2rpx solid rgba(235, 238, 245, 1);
		.set_form_item_left{
			margin-left: 32rpx;
			color: rgba(48, 49, 51, 1);
			font-size: 30rpx;
		}
		.set_form_item_right{
			display: flex;
			align-items: center;
			text{
				margin-right: 4rpx;
				font-size: 28rpx;
			}
			switch{
				margin-right:16rpx;
			}
			image{
				width: 44rpx;
				height: 44rpx;
				margin-right: 16rpx;
			}

			/deep/ .u-radio-group{
				align-items: flex-end !important;
				justify-content: flex-end !important;
				padding-right: 25rpx;
				.u-radio__text{
					font-size: 28rpx !important;
				}
			}
		}
	}
	.distanceBox{
		padding: 32rpx;
		.li{
			margin-top: 32rpx;
			&:first-child{
				margin-top: 0;
			}
			/deep/ .u-radio-group{
				/*justify-content: flex-end;*/
				.u-radio__text{
					font-size: 28rpx !important;
				}
			}
			/deep/ .u-checkbox-group{
				/*justify-content: flex-end;*/
				.u-radio__text{
					font-size: 28rpx !important;
				}
			}
		}
	}
}

.xiuxi_popup_bj {
	width: 640rpx;
	/*height: 356rpx;*/
	background-image: url('https://www.cccshansong.com/chong_weapp/xiuxi_popup_bj.png') top center;
	background-size: cover;
	background: linear-gradient(180deg,#94bbfb,#fff,#fff);
	border-radius: 16rpx;
	overflow: hidden;
	padding-bottom: 30rpx;

	.xiuxi_popup_tip_img {
		width: 144rpx;
		height: 144rpx;
		margin: 0 auto;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.xiuxi_popup_tip_text {
		text-align: center;
		font-weight: bold;
		color: rgba(36, 40, 49, 1);
		font-size: 40rpx;
		margin-top: 20rpx;
	}
}
.pay_popup_box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 56rpx;

	.pay_popup_btn {
		width: 286rpx;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		border: 2rpx solid rgba(228, 231, 237, 1);
		border-radius: 16rpx;
		font-size: 30rpx;
		color: rgba(36, 40, 49, 1);
	}

	.pay_popup_btn1 {
		width: 286rpx;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		border-radius: 16rpx;
		font-size: 30rpx;
		color: #fff;
		margin-left: 20rpx;
		background-color: #418AFF;
	}
}
</style>
